<template>
	<view class="allbaoxall">

		<button class="Online-button" open-type="contact">
			<image class="usericon" src="@/static/index/cusIcon.png" mode=""></image>
			<view class="userIndex">在线联系客服</view>
		</button>
	</view>
</template>

<script setup>
</script>

<style scoped>
	.userIndex {
		font-size: 16px;
		font-family: "仓耳渔阳体 W05";
	}

	.usericon {
		width: 40rpx;
		height: 40rpx;
		border-radius: 50%;
	}

	.sericon {
		width: 35px;
		height: 35px;
		border-radius: 50%;
	}

	.allbaoxall {
		width: 100vw;
		background-color: white;
	}

	.itemCusTom {
		margin: 2vh auto;
		border: 1px solid black;
		border-radius: 66px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20rpx;
		width: 320px;
		height: 50px;
	}

	.Online-button {
		margin: 2vh auto;
		border: 1px solid black;
		border-radius: 66px;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 20rpx;
		width: 320px;
		height: 50px;
		border: 1px solid black;
		/* 白色边框 */
		background-color: transparent;
		/* 背景透明 */
		color: black;
		/* 文字颜色为白色 */
		font-size: 28rpx;
	}
</style>